<html>
<head>
  <link rel="stylesheet" type="text/css" href="../style/basic.css">
  <script type="text/javascript">

      var baseURI;

      function setBaseURI() {
            var uri = parent.location.href;
            uri = uri.substring(0,uri.lastIndexOf("/"));
            baseURI = uri.substring(0,uri.lastIndexOf("/"))+"/";
      }

      function load(url) {
        document.getElementById('external').src =url;
      }

      function loadHash(hash) {
           load('services/'+hash+'/index.html');
      }

      function init() {
          setBaseURI();
          if(window.location.hash) {
              loadHash(window.location.hash.substring(1));
          } else {
              load('main.html');
          }
      }

      function home() {
          window.location = baseURI;
      }

  </script>
</head>
<body onload="init();">
<h1 id="main_title">Social Module</h1>
<div id="header">
    <ul>
        <li><a onclick="load('services/tagging/index.html')">/tagging</a></li>
    </ul>
</div>
<div id="navigation">
    <img src="../img/lmf_black_white.png" onclick="home();" title="Linked Media Home"/>
    <h2>Basic Links</h2>
    <ul>
        <li><a onclick="home();" title="Linked Media Home">Main Project</a></li>
        <li><a onclick="load('main.html');" >Social Module Home</a></li>
    </ul>
    <h2>About Social Module</h2>
    <ul>
        <li><a>Some Links</a></li>
        <li><a>Documentation</a></li>
    </ul>
</div>
<div id=main>
    <iframe id="external"></iframe>
    <div id="footer">
        powered by <a href="http://www.newmedialab.at/">Salzburg NewMediaLab</a>
    </div>
</div>
</body>
</html>